<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>新PMS项目</title>
	<script type="text/javascript" src="bootstrap/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="bootstrap/bootstrap.min.css" />
	<style type="text/css">
		body{
			background-image:url("bootstrap/backgroundimg.png");
			font-family:"微软雅黑";
		}
		.div1{
			margin-left:20px;
			width:500px;
			height:auto;
		}
		.tr1{
			background-color:grey;
			color:white;
		}
		td{
			padding-left:30px;
			font-size:18px;
		}
		#error{
			color:red;
		}
		.div4{
			width:200px;
			height:200px;
			margin-left:520px;
			padding-left:10px;
			border:1px solid black;
			float:left;
			position:relative;
			top:-280px;
			padding-top:5px;
			background-color:grey;
		}
		hr{
			border:1px solid black;
			width:180px;
		}
		li{
			font-size:16px;
		}
		a{
			color:white;
		}
		#delete{
			color:blue;
			text-decoration:none;
			font-size:16px;
		}
	</style>
</head>
<body>
	<div class="div1">
		<div class="div3">
		<!--需要循环输出任务信息-->
			<table border="1" width="500">
				<c:forEach items="${tlist }" var="t">
					<tr height="40" class="tr1">
						<td width="300"><i class="icon-th icon-white"></i>${t.tname }</td><!--任务名称-->
						<td><i class=" icon-pencil icon-white"></i><a href="prod.jspx?method=newtask">添加新任务</a></td>
					</tr>
					<tr>
						<td colspan="2">
							<blockquote>
							  <p>${t.tdsp}<!--任务内容--></p>
							  <small>--${t.tcname}在${t.tctime}<!--发送任务的人和时间--></small><br/>
							  <br/>
						<div class="progress progress-danger">
								<div class="bar" style="width: ${t.trate}%;">已完成${t.trate} %</div>
							</div>
							  <a href="prod.jspx?method=tdelete&id=${t.tid}" id="delete">删除</a><!--到删除的servlet中执行删除操作-->
							</blockquote>
						</td>
					</tr>
				</c:forEach>
				</table>	
		</div>
		
	</div>
</body>
</html>